﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="<%=basePath%>plugins/h_uiadmin_v2.3.4/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="<%=basePath%>plugins/h_uiadmin_v2.3.4/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/Hui-iconfont/1.0.7/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>字典值管理</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 系统管理 <span class="c-gray en">&gt;</span> 字典值管理 <a class="btn btn-success btn-refresh radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:void(0);"  onclick="refresh();" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="pd-20">
 <form  id="queryForm" action="" method="post">
		<div class="text-c"> 
		实体描述: <span class="select-box inline"><select class="select"  size="1" id="tableName" name="tableName" style="width:100px">
		      <option value="" selected="selected">请选择</option>
		      <c:if test="${tableList !=null}">
		       <c:forEach items="${tableList}" var="tl">
		        <option value="${tl.code}"> ${tl.description}</option>
		       </c:forEach>
		      </c:if>
		   </select></span>
	     属性描述:<span class="select-box inline"><select class="select"  size="1" id="attributeName" name="attributeName" style="width:150px">
		      <option value="" selected="selected">请选择</option>
		      
		   </select></span>
               状态: <span class="select-box inline"><select class="select"  size="1" id="status" name="status" style="width:100px">
		      <option value="0" selected="selected">请选择</option>
		      <option value="1">可用</option>
		      <option value="2">不可用</option>
		   </select></span>
			<button type="button" class="btn btn-success radius" id="queryBtn" name="queryBtn"><i class="Hui-iconfont">&#xe665;</i> 搜字典值</button>
			</div>
</form>

	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><!-- <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> --> <a href="javascript:;" onclick="member_add('新增','<%=basePath%>dictionarymgr/toadd','500','450')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 新增字典</a></span> <!-- <span class="r">共有数据：<strong><span id="count"></span></strong> 条</span> --> </div>
	<div class="mt-20">
	<table id="resultTable" class="table table-striped table-border table-bordered " width="100%"> <!-- table  table-bordered table-bg table-hover  table-sort -->
		<thead>
			<tr class="text-c">
				<th width="50">ID</th>
				<th width="100">表名</th>
				<th width="100">表名描述</th>
				<th width="100">属性名</th>
				<th width="100">属性描述</th>
				<th width="90">属性值</th>
				<th width="100">描述</th>
				<th width="100">状态</th>
				<th width="60">编码</th>
				<th width="80">操作</th>
			</tr>
		</thead>
		<tbody>
		    <tr>
				<td colspan="9"></td> 
			</tr>
			
		</tbody>
	</table>
	</div>
</div>
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/layer/2.1/layer.js"></script>
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/laypage/1.2/laypage.js"></script> 

<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/js/H-ui.js"></script> 
<script type="text/javascript" src="<%=basePath%>plugins/h_uiadmin_v2.3.4/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="<%=basePath%>common/js/cms.js"></script> 
<script type="text/javascript" src="<%=basePath%>common/js/dt.ext.js"></script>
<script type="text/javascript">
$(function(){
	
	var resultTable = null ;
	function search(){
		resultTable = $('#resultTable').dataTable({
			  "aaSorting": [[ 1, "ASC" ]],//默认第几个排序
			//"bStateSave": false,//状态保存
			//"aoColumnDefs": [
			//  {"bVisible": false, "aTargets": [ 3 ]},  //控制列的隐藏显示
			//  {"orderable":false,"aTargets":[0]}// 制定列不参与排序 
			//] ,
			//"bAutoWidth":true  ,  // 自动宽度
			"ordering": true,
    		"info":     true ,
    		"searching":     false ,
    		"pagingType": "full_numbers" , // simple  simple_numbers  full  full_numbers 
    		"lengthMenu": [ 20,50, 100 ] ,
    		 // "scrollY": 400,
            // "scrollX": false ,
			"processing": true,                    //加载数据时显示正在加载信息  
	        //"bServerSide": true,                    //指定从服务器端获取数据  
	        "serverSide": true,
	        "ajax": {
	               "url":"<%=basePath%>dictionarymgr/query",
	               "data": function ( d ) {
	                   //添加额外的参数传给服务器
	                   d.extra_search = $("#queryForm").serialize();
	               }},
	        "columns": [
	                    { "data": "id" },
	                    { "data": "tableName" },
	                    { "data": "tableDesc" },
	                    { "data": "attributeName" },
	                    { "data": "attributeDesc" },
	                    { "data": "value" },
	                    { "data": "description" },
	                    { "data": "status" }  ,
	                    { "data": "code" }  ,
	                    { "data": null }  
	                  ] ,
	       "columnDefs": [ {
				    	   "targets": 2 ,
				    	   "data":null ,
				    	   render:function(a,b,c,d){
				    		   return '<a href="javascript:void(0)" style="color:red">'+c.tableDesc+'</a>' ;
				    	       }
				          },{
				    	   "targets": 7 ,
				    	   "data":null ,
				    	   render:function(a,b,c,d){
				    		   if(c.status == 1)
				    			   return "可用" ;
				    		   else if(c.status== 2)
				    			   return "不可用" ;
				    		   else
				    			   return "" ;
				    	       }
				          },
				          { "targets": 9,
	                        "data": null,
	                         render: function (data,type,c,meta) {
	                          var  html = "<a  title=\"编辑\" href=\"javascript:void(0)\" onclick=\"dictionary_edit('编辑', '"+c.id+"','500','450');\" class=\"ml-5\" style=\"text-decoration:none\"><i class=\"Hui-iconfont\">&#xe6df;</i>编辑</a>" ;
	                          html  += "<a  title=\"删除\" href=\"javascript:void(0)\" onclick=\"dictionary_delete(this, '"+c.id+"');\" class=\"ml-5\" style=\"text-decoration:none\">删除</a>";
	                          return html;
	                      } ,
	                       "defaultContent": "<button>Click!</button>"
	                  } ]
	         
		});
	}
	// 给最后一列加一个事件
	$('#resultTable tbody').on( 'click', 'button', function () {
		//alert(resultTable) ;
		 
        // var data = resultTable.row( $(this).parents('tr') ).data();
       // alert( data[0] +"'s salary is: "+ data[ 5 ] );
		// var id = $('#resultTable tbody tr').find("td").eq(0).text(); 
		 
    } );
	// 给每一行加一个事件 查看事件
	<%-- $('#resultTable tbody').on('click','tr', function () {
		    var id = $(this).find("td").eq(0).text(); 
		    member_show("查看",'<%=basePath%>custmgr/toadd?id='+id,"","650") ;
		} ); --%>
	 
	  $('#queryBtn').click(function(){
	     resultTable.fnReloadAjax("<%=basePath%>dictionarymgr/query?"+$("#queryForm").serialize()) ; 
	});  
	
	 // init search 
	 search();
	 $('#attributeName').attr('disabled','disabled');
	 
			
	 /*
	 *  tableName添加change事件
	 */
	 $('#tableName').change(function(){
		 $('#attributeName').removeAttr('disabled');
		 $('#attributeName').empty();
		 var html = '<option value="" selected="selected">请选择</option>' ;
		 var tableVal = $('#tableName').val()  ;
		 $.ajax({
				url:"<%=basePath%>dictionarymgr/getattrname" ,
				type:'POST',
				data:{'code':tableVal},
				dataType:'json',
				success:function(resp){
					// console.log(resp) ;
					 $('#attributeName').html(html);
					 if(resp.success){
							   var data = resp.data ;
							  if(data == null || data == '' || data==undefined){
								 /*  layer.alert("还没有配值", {icon: 2},function(index){
										 layer.close(index);
									  }); */
								  return ;
							  }
							  $.each(data,function(i,item){
									html+='<option value="'+item.code+'">'+item.description+'</option>';
								});
								$('#attributeName').html(html);  
						}
					 /* else{
							      layer.alert(resp.errMsg, {icon: 2},function(index){
								 layer.close(index);
							  });  
						} */
				},
				error:function(err){
					   layer.alert( err, {icon: 2},function(index){
							 layer.close(index);
						  });  
				}
			 
	   });
	 
	});
		 

});

/*用户-添加*/
function member_add(title,url,w,h){
	layer_show(title,url,w,h);
	
	/* var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index); */
	
}
/*用户-查看*/
function member_show(title,url,w,h){
	layer_show(title,url,w,h);
}
/*用户-停用*/
function member_stop(obj,id){
	layer.confirm('确认要停用吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
		$(obj).remove();
		layer.msg('已停用!',{icon: 5,time:1000});
	});
}

/* 编辑*/
function dictionary_edit(title,id,w,h){
	 var url ="<%=basePath%>dictionarymgr/toedit?did="+id ;
	 layer_show(title,url,w,h);
}

/*-删除*/
function dictionary_delete(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			url:"<%=basePath%>dictionarymgr/todelete" ,
			type:'POST',
			data:{'id':id},
			dataType:'json',
			success:function(resp){
				 if(resp.success){
					     $(obj).parents("tr").remove();
						layer.msg('已删除!',{icon:1,time:1000});
				 }else{
					 layer.alert( resp.errMsg, {icon: 2},function(index){
						 layer.close(index);
					  });  
				 }
			}
		});
		
	});
}
 
/**
 * 刷新
 */
function refresh(){
	 location.replace(location.href);
}
</script> 
</body>
</html>